@font-face{font-family:shuzifont;font-display:swap;src:url('../font/OPTIAKROGROTESK.ttf');}
.header{ position: fixed;z-index: 9999;  left:0;right: 0;  color: #000; background: #fff; padding: 10px 0 0;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
.header .w1520{ display: flex; justify-content: space-between;align-items: center;}
.header-1 .logo{ float: left; color: #000; padding-bottom: 10px;}
.header-1 .logo img{ height:56px;float: left;}
.header-2{height: 56px; line-height: 56px; text-align: center; float: right;}
.nav_bg{ width: 100%;  position: relative; z-index: 999;}
.sjj_nav>ul>li{ position:relative; display: inline-block;}
.sjj_nav>ul>li a i{ transform: rotate(90deg);display: inline-block; margin-left: 6px;}
.sjj_nav>ul>li::after{ content: ''; border-top: 3px solid #007979; width: 100%; position: absolute; left: 0; top: 0; transform: scaleX(0); transition: 0.5s;}
.sjj_nav>ul>li::before{ content: ''; background: #fff; width: 100%; height: 0; position: absolute; left: 0; top: 0; transition: 0.3s;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1); transition: 0.5s;}
.sjj_nav>ul>li:hover::before,.sjj_nav>ul>li.cur::before{ height: 100%;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:flex; align-items: center; height:56px; line-height: 56px; color: #000; text-align: center; position:relative; font-size: 16px; z-index:9; transition:0.5s;padding: 0 20px;}
.sjj_nav>ul>li:hover>a{ color: #222; transition: .05s;}
.sjj_nav>ul>li.cur{ color: #222; transition: .05s;}
.sjj_nav>ul>li.cur a{ color: #222; transition: .05s;}
.sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,0.95); left:0; top: 58px; overflow:hidden; display:none; box-shadow: 0 20px 20px,rgba(0,0,0,0.4);}
.sjj_nav>ul>li>ul>li{background: #fff;}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:40px; height:40px; font-size:14px; color:#222; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#007979; color:#fff; transition:0.5s;}
.header-3{ display: flex;align-items: center; font-size: 16px;}
.header-3 i{ font-size: 23px; margin-right: 8px;}
.swi_index_banner{background-color: #fff;}
.swi_index_banner .swiper-slide img{width: 100%;}
.swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:50%; bottom: 30px;transform: translateX(-50%);z-index: 10;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.4; filter:alpha(opacity=40);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:14px;line-height: 23px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.4); float: right; margin: 0 10px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:70px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; filter:alpha(opacity=100);}

.sbt{ font-size: calc(20px + 0.3vw); padding-bottom: 8px; border-bottom: 1px solid #f4f4f4; margin-bottom: 30px;}
.shounr{ padding: 10vh 0; display: flex; justify-content: space-between;align-items: start;}
.shour-jj,.shour-xw,.shour-gd{ width: 31%; }
.shour-gd{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.shour-gd a{ width: 50%; position: relative; overflow: hidden;}
.shour-gd a img{ width: 100%;}
.shour-gd a p{ position: absolute; top: 110%; width: 100%; text-align: center; z-index: 100; color: rgba(255,255,255,0); font-size: 24px;transition: 0.5s;}
.shour-gd a::after{ position: absolute; width: 100%; height: 100%; background: rgba(0,121,121,0); content: ''; top: 0; z-index: 10;transition: 0.5s;}
.shour-gd a:hover p{ top: 43%; color: rgba(255, 255, 255, 1);}
.shour-gd a:hover::after{background: rgba(0, 121, 121, 0.7);}
.sjjttp{min-height: 231px; overflow: hidden;}
.sjjwz h1{ font-size: 20px; padding-top: 15px;}
.sjjwz p{ padding: 10px 0 0; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sxwlb a{ display: block; line-height: 43px; background: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid #f4f4f4;transition: 0.5s;}
.sxwlb a:hover{ background: #007979; color: #fff; padding: 0 15px;}
.sxwlb a u{ padding-right: 15px;}
.xwgd{ width: 130px; text-align: center; padding: 6px 0; border: 1px solid #f4f4f4; border-radius: 8px; display: block; margin-top: 20px; transition: 0.5s;}
.xwgd:hover{ background: #007979; border: 1px solid #007979; color: #fff;}
footer{ background: #bebebe; padding: 40px 0;}
footer .w1520{ display: flex;justify-content: space-between;}
.feedback_text{height:40px; line-height:40px; width:256px;  border:1px solid #cccccc; background:#eee url(../images/yl.png) 95% center no-repeat; padding:0 15px; font-size:16px; cursor:pointer;}

.footer-l{ display: flex;}
.footer-l-l{ display: flex;}
.l-ewm:nth-child(1){ margin-right: 10px;}
.l-ewm img{ width: 100%;}
.l-ewm{ text-align: center;}
.footer-l-z{ padding-left: 50px; padding-top: 10px;}
.dxcd{ border-bottom: 1px solid #999; padding-bottom: 8px; margin-bottom: 18px;}
.dxcd a{ font-size: 16px; margin-right: 22px;}
.footer-yl{ padding-top: 10px;}
.nynr{ padding: 10vh 0; display: flex;justify-content: space-between;}
.nynr-l{ width: 250px;}
.nynr-l a{ display: block; line-height: 33px;}
.nynr-l a:hover{ color: #007979;}
.nynr-r{ width: calc(100% - 290px); border-left: 1px solid #f4f4f4; padding-left: 40px;}
.nynr-r img{ max-width: 100%;}
.nynr-r dl{ display: flex; justify-content: space-between;}
.nynr-r dl dt{ width: 30%;}
.nynr-r dl dd{ width: 67%;}
.nynr-r dl dt img,.nynr-r dl dd img{max-width: 100%;}
.nynr-r-mc{ font-size:45px; padding-bottom: 20px;}
.nynr-r-nr{ overflow-y: scroll; padding-right: 40px; line-height: 36px; height: 406px;}
.nynr-r-nr::-webkit-scrollbar {width: 3px;height: 1px;}
.nynr-r-nr::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #007979;}
.nynr-r-nr::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 5px;background: #f4f4f4;}
.nynr-r-nr img{ max-width: 100%;}
.jjqxppmr{ margin-bottom: 10vh;}
#dqcd{ color: #007979; font-weight: bold;}
.join_list{width: 250px;}
.join_list li{margin:3px 0; border-bottom: 1px solid #f6f6f6;}
.join_list li div{width:100%;display:table;padding:8px 10px;background-color:#fff;cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;transition:all .5s}
.join_list li div:hover{background-color:#007979;transition:all .5s}
.join_list li.active div{background-color:#007979}
.join_list li div:hover{color:#fff}
.join_list li:last-child{margin-bottom:1px}
.join_list li.active div{color:#fff}
.join_list li div i{float:left;margin-top:5px;font-size:15px;font-weight:700;vertical-align:middle;font-style:inherit}
.join_list li div span{float:right;display:inline-block;width:29px;height:29px;background:url(../images/rc1.png) no-repeat center center;transition:all .5s}
.join_list li div:hover span{background:url(../images/rc2.png) no-repeat center center;transition:all .5s}
.join_list li.active div span{background:url(../images/rc2.png) no-repeat center center;transition:all .5s}
.join_list li article{display:none;width:100%;padding:20px 25px;background:#fff}
.join_list li article a{ display: block; line-height: 28px;}
.jj-qxpp{ display: flex; justify-content:center; padding-top: 25px;}
.jj-qxpp li{ width: 24%;}
.jj-qxpp li img{ max-width: 100%;border: 1px solid #f4f4f4;padding: 20px;}
.infojj{ padding: 10vh 0 3vh;}
.infojjmz{ font-size: 26px; padding-bottom: 40px;}
.infojj img{ width: 100%; margin: 0 auto;}
.fzltt{ padding-top: 30px;}
.fzlcgd{ padding-bottom: 48px;}
.fzlcgd .swiper-slide{ background: #f4f4f4; padding: 40px 20px; text-align: center;transition: all .5s;min-height: 221px;}
.fzlcgd .swiper-slide:hover{ background: #007979; color: #fff;}
.lcgdns{ text-align: center; font-size: 36px; position: relative; padding-bottom: 10px; margin-bottom: 20px;}
.lcgdns::after{ position: absolute; bottom: 0; width: 9px; height: 9px; border-radius: 50%; background: #29b5b2; content: ''; left: calc(50% - 4.5px);}
.fzlcgd .swiper-slide:hover .lcgdns::after{ background: #fff;}
.qyrrgd{ margin-top:20px; padding-bottom: 40px; margin-bottom: 10vh;}
.qyrrgd .swiper-slide{ text-align: center;}
.qyrrgd .swiper-slide img{ width: 100%;}
.qyrrgd .swiper-slide p{ padding-top: 10px; font-size: 12px;}
.jjbt{ font-size: calc(20px + 0.5vw); text-align: center;}
.jjbt span{font-size: 16px; padding-left: 18px; text-transform: uppercase; color: #666;}
.jjbt{ padding-top: 5vh;}
.swiper-pagination-bullet-active{background: #007979;}
.fhal a{ width: 150px; margin: 20px auto 0; padding: 8px; border: 1px solid #f4f4f4; display: block; text-align: center;background: #007979; color: #fff;}
.fhal a:hover{ background: #fff;border: 1px solid #f4f4f4; color: #333;}
.cplb{padding: 5vh 0 10vh;}
.cplbokw{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 3vh;}
.cplbokw li{ width: 32%; margin-bottom: 40px; transition: all .5s;overflow: hidden; border-radius: 6px;}
.cplbokw li img{ width: 100%; overflow: hidden; transition: all .5s;}
.cplbokw li p{ text-align: center; padding: 16px 0;}
.cplbokw::after {content: "";width: 23.5%;height: 0;}
.cplbokw li:last-of-type{ height: 0;}
.cplbokw li:hover{ transform: translateY(-10px); box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cplbokw li:hover img{ transform: scale(1.05);}
.cplbokw li:hover{ background: #007979; }
.cplbokw li:hover p{ color: #fff;}


.xwlbw{ padding: 5vh 0 10vh;}
.xwlb{ padding-top: 5vh;}
.xwlb a{display: flex; justify-content: space-between;align-items: center; border: 1px solid #f4f4f4; margin-bottom: 45px;transition: all .5s;}
.xwlb a:hover .xwlbwzt span{ background: #007979; color: #fff;border: 1px solid #007979;}
.xwlb a:hover h2{ color: #007979;}
.xwlb a:hover .xwlbwz{ margin-top: -10px;}
.xwlbtp{ width: 400px;}
.xwlbtp img{ width: 100%;}
.xwlbwz{ width: calc(100% - 450px);transition: all .5s; padding-right: 50px;}
.xwlbwzt{ display: flex; justify-content: space-between; align-items: center;}
.xwlbwz p{ padding-top: 20px;}
.xwlbwzt span{ display: block; border: 1px solid #f4f4f4; border-radius: 10px; padding: 4px 25px;transition: all .5s; font-size: 12px;}
.xwlb a:last-of-type{ margin-bottom: 0;}
.xwxq{ padding: 10vh 0;}
.xwxqbt h1{ text-align: center;}
.xwxqbt2{ display: flex; justify-content: center; padding-top: 15px;}
.xwxqbt2 p{ padding: 0 2vw; color: #666;}
.xwxqnr{ padding: 3vh 0; border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4; margin: 3vh 0;}
.xwxqnr img{ max-width: 100%; margin: 0 auto;}
.xwxqnr video{max-width: 100%; margin: 0 auto;display: block;}
.fhlb a{ width: 140px; padding: 5px 0; text-align: center; margin: 0 auto; display: block; border-radius: 8px; border: 1px solid #f4f4f4;transition: all .5s;}
.fhlb a:hover{ background: #007979; color: #fff;border: 1px solid #007979;}
.lxwm{ display: flex; justify-content: space-between; align-items: center; margin-top: 3vh; background: #f6f6f6;}
.lxwml{ width: 36%;}
#allmap{height: 500px;}
.lxwml img{ width: 100%;}
.lxwmr{ width: 58%;}
.zpnr .join_list{ width: 100%; padding-top:20px;}
.zpnr .join_list li article{ line-height: 25px;}
.zpnr .join_list li div{ background: #f4f4f4; padding: 12px 35px;}
.zpnr .join_list li.active div{ background: #007979;}
.zpnr .join_list li div:hover{background-color:#007979;transition:all .5s}
.zpnr .join_list li article{padding: 20px 35px;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid #f4f4f4; background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border-bottom: 1px solid #f4f4f4; background: inherit;color: #000; font-family: '微软雅黑', Arial, Helvetica, sans-serif;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #007979; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:#29b5b2; cursor:pointer;}
.lysm{ padding-top: 50px; font-size: 12px; color: #666; padding-bottom: 20px;}
.cplbx{ padding-top: 15px;}
.cplb-pplj{ text-align: right;}
.cplb-pplj a{ font-size: 20px;}

@media screen and (max-width:1440px) {
    .sxwlb a{line-height: 40px;}
    .sxwlb a:nth-child(8),.sxwlb a:nth-child(9){ display: none;}
    .sjjttp{ min-height: 100px;}
    .sjjttp img{ width: 100%;}
    .sjjwz p{-webkit-line-clamp: 1;padding: 3px 0 0;}
    .sjjwz h1{ font-size: 18px;}
    .xwgd{ padding: 3px 0;margin-top: 10px;}
    .shour-gd a p{ font-size: 21px;}
    .sjj_nav>ul>li>a{padding: 0 13px;}
    
}

@media (max-width:1024px){
  .sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
  .top_box{ display: none;}
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:#fff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%; padding: 15px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logo{float: left;}
  #top .logo a{display: block; float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:48px; width:auto;}
  #top .menu{float: right;padding-top: 13px;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
  #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
  #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
  .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
  .caidan .caidan_nav{ padding: 59px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
  .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
  .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 60%;float: left;}
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
  .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
  .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
  .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
  .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
  .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
  .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}
}

@media (max-width:768px) {
    .jjbt{ padding-top: 0;}
    .lxwm{ flex-wrap: wrap; background: #fff;}
    .lxwml,.lxwmr{ width: 100%;}
    .lxwmr{ padding-top: 30px;}
    .lxwmr h1{ font-size: 22px;}
    .footer-l-l{ display: none;}
    .footer-l-z{ padding-left: 0;}
    .xwxq{ padding: 5vh 0;}
    #allmap{height: 300px;}
    .shounr{ padding: 50px 0;}
    .shour-xw{ margin: 40px 0;}
    .shour-xw .sbt{ margin-bottom: 10px;}
    .infojj,.cplb,.xwxq,.xwlbw{ padding: 100px 0 50px;}
    .jjqxppmr{ margin-bottom: 50px;}
    .xwxqnr{ margin-bottom: 0;}
    .zpnr{ margin-top: 30px;}
    .swi_index_banner .swiper-pagination{ bottom: 15px;}
    .nynr-r dl dd{ margin-top: 30px;}
    .nynr-r-nr{padding-right: 30px;}

}

@media (max-width:640px) {
    #GBookAdd .wenben{ width: 100%; margin-right: 0;}
    .lysm{ padding-bottom: 0;}
    footer .w1520{ flex-wrap: wrap;}
    .footer-l,.footer-yl{ width: 100%;}
    .footer-yl {padding-top: 20px;}
    .dxcd{ display: none;}
    .feedback_text{ width: 100%;}
    .xwxqbt2 p{ font-size: 12px; padding: 0 10px;}
    .shounr,.xwlb a,.nynr,.nynr-r dl{ flex-wrap: wrap;}
    .shour-jj, .shour-xw, .shour-gd{ width: 100%;}
    .jj-qxpp{ justify-content: space-between;}
    .jj-qxpp li{ width: 48%;}
    .caidan{ width: 70%;}
    .xwlbtp,.nynr-r dl dt,.nynr-r dl dd{ width: 100%;}
    .xwlbwz{ width: 100%; padding: 20px;}
    .xwlbwzt span{ display: none;}
    .xwlbwz p{ padding-top: 10px;}
    .join_list,.nynr-r{ width: 100%;}
    .nynr-r{ padding-left: 0; border: 0; margin-top: 30px;}
    

    

}